$(function () {
  // 调用外面的//获取当前用户信息
  getUserInfo();
  //   var layer = layui.layer;
  // 点击按钮，实现退出功能
  $("#btn_logout").on("click", function (e) {
    e.preventDefault(); //阻止默认跳转
    // 提示用户是否确认退出
    console.log(111);
    layer.confirm(
      "确定退出登录?",
      { icon: 3, title: "提示" },
      function (index) {
        //do something
        // 1. 清空本地存储中的 token
        localStorage.removeItem("token");
        // 2. 重新跳转到登录页面
        location.href = "/login.html";

        // 关闭 confirm 询问框
        layer.close(index);
      }
    );
  });
});
function getUserInfo() {
  // 获取ajax请求
  $.ajax({
    type: "GET",
    url: "/my/userinfo",

    success(res) {
      if (res.status !== 0) {
        return layer.msg(res.message || "获取用户信息失败！");
      }

      console.log(res.data); //里面得到的内容下面会用到
      // 渲染这个页面()
      renderAvatar(res.data); //直接调用下面的封装函数
    },
  });
}
// 下面封装一个函数（下面的user就等于上面的res.data里面的值）
function renderAvatar(user) {
  // 优先展示昵称(如果自己设置昵称了优先显示自己的昵称否则显示登录的账号名字)
  let username = user.nickname || user.username; //nickname和username是在res.data里面（nickname是昵称号，username是自己的登录账号名字）
  // 把展示到的放到欢迎的后面显示
  $("#welcome").html(`欢迎${username}`);
  if (user.user_pic) {
    //user里面的头像判断（user_pic这个是从res。data里面获取的是头像）
    // 当它有头像的时候
    $(".layui-nav-img").attr("src", user.user_pic).show(); //让头像显示
    $(".text-avatar").hide(); //让我们自己的登录账号隐藏
  } else {
    //   显示文字头像
    let firstName = username[0].toUpperCase(); //让登录账号第一个字母大写
    $(".text-avatar").html(firstName).show(); //让第一个字母显示
    $(".layui-nav-img").hide(); //让我们自己的头像隐藏
  }
}
